<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="renderer" content="webkit" />
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="format-detection" content="telephone=no,email=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <link type="image/x-icon" href="/favicon.ico" rel="icon" />
        <title>Title</title>
        <link rel="stylesheet" type="text/css" href="css/reset.css" />
        <link rel="stylesheet" type="text/css" href="css/owl.carousel.css" />
        <link rel="stylesheet" type="text/css" href="css/owl.theme.default.min.css" />
        <link rel="stylesheet" type="text/css" href="css/common.min.css">
        <script src="js/rem.js"></script>
        <!--[if lt IE 9]>
        <script src="js/html5shiv.min.js"></script>
        <script src="js/respond.min.js"></script>
        <![endif]-->
    </head>
<body class="company-body common-body">
    <div id="header"></div>
    <div class="banner-company">
        <img src="images/company_banner.png" alt="">
    </div>
    <div class="company-box companyIntroduction-tab1 padding60" >
        <div class="container">
            <ul class="common-nav clearfix">
                <li class="fl active">
                    <a href="companyIntroduction.html">
                    <i class="uncheck" style="background: url(images/gongsi.png) no-repeat center;background-size: contain;"></i>
                    <i class="checked" style="background: url(images/gongsi_bg.png) no-repeat center;background-size: contain;"></i>
                    <span>公司介绍</span>
                    </a>
                </li>
                <li class="fl">
                    <a href="companyQualification.html">
                     <i class="uncheck" style="background: url(images/zhizi.png) no-repeat center;background-size: contain;"></i>
                     <i class="checked" style="background: url(images/zhizi_bg.png) no-repeat center;background-size: contain;"></i>
                     <span>公司资质</span>
                    </a>
                </li>
                <li class="fl">
                    <a href="teamCulture.html">
                    <i class="uncheck" style="background: url(images/wenhua.png) no-repeat center;background-size: contain;"></i>
                    <i class="checked" style="background: url(images/webhua_bg.png) no-repeat center;background-size: contain;"></i>
                    <span>团队文化</span>
                    </a>
                </li>
                <li class="fl">
                    <a href="branchIntroduction.html">
                    <i class="uncheck" style="background: url(images/fengongsi.png) no-repeat center;background-size: contain;"></i>
                    <i class="checked" style="background: url(images/fengongsi_bg.png) no-repeat center;background-size: contain;"></i>
                    <span>分公司介绍</span>
                    </a>
                </li>
                <li class="fl">
                    <a href="internationalDivision.html">
                    <i class="uncheck" style="background: url(images/guojibu.png) no-repeat center;background-size: contain;"></i>
                    <i class="checked" style="background: url(images/guojibu_bg.png) no-repeat center;background-size: contain;"></i>
                    <span>国际部</span>
                    </a>
                </li>
            </ul>
            <div class="companyIntroduction">
                <div class="text">
                    <h4>欣特锐盾</h4>
                    <div class="p">
                        北京欣特锐盾技术发展有限公司是一家专注警用设备研发和应用的国家级高新技术企业，是全国领先的反恐解决方案供应商。我们拥有热诚的员工和强大的研发能力，专业的科技产品，快速响应客户需求，助力维护国家安全稳定。
                        <br><br>
                        公司总部设在北京，在南昌、广州、长沙、海南、深圳、天津等地设有分支机构。 <br><br>
                        公司自成立以来，始终秉持以人才为本、诚信立业的经营原则，荟萃业界精英，将国外先进的信息技术、管理方法及企业经验与企业的具体实际相结合为客户提供全方位的解决方案，逐步形成强大的人才、技术和品牌优势。并形成一套完整的研发、生产、安装、调试、培训、维护一站式服务体系。公司技术和研发实力雄厚，研发产品 33项，通过国家权威机构检测认证。
                        <br><br>
                        公司连续被评定为中国警察协会警务保障理事单位、公安部警用装备采购中心协议供应商、全国警用装备标准化技术委员会通讯委员、中国人民武装警察部队司令部装备承制单位、民航总局供应商、中国人民武装警 察边防部队供应商，每年参加公安部组织的安检排爆培训班，刑侦、禁毒、反恐新技术新产品交流演示会等。
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="companyIntroduction-tab2 padding60">
        <div class="container">
            <h2 class="title">先后 <span class="number">55</span> 次为国家级重要活动和会议提供安全保障，其中包括</h2>
            <div class="cont">
                <ul class="owl-carousel">
                    <li class="clearfix">
                        <div class="right fr">
                            <img src="images/companyIntroduction_tab2pic.png" alt="">
                            <!-- 400*200 -->
                        </div>
                       <div class="left fl">
                           <h3>2008<span>年</span></h3>
                           <div class="text">   
                               <div class="p">第三届欧亚经济论坛（西安）</div>
                               <div class="p">第 12 届全国运动会（山东）</div>
                               <div class="p">第 24 届世界大学生冬季运动会（哈尔滨）</div>
                               <div class="p">第二届世界佛教论坛（无</div>
                           </div>
                       </div>
                    </li>
                    <li class="clearfix">
                        <div class="right fr">
                            <img src="images/companyIntroduction_tab2pic.png" alt="">
                            <!-- 400*200 -->
                        </div>
                       <div class="left fl">
                           <h3>2009<span>年</span></h3>
                           <div class="text"></div>
                       </div>
                    </li>
                    <li class="clearfix">
                        <div class="right fr">
                            <img src="images/companyIntroduction_tab2pic.png" alt="">
                            <!-- 400*200 -->
                        </div>
                       <div class="left fl">
                           <h3>2010<span>年</span></h3>
                           <div class="text"></div>
                       </div>
                    </li>
                    <li class="clearfix">
                        <div class="right fr">
                            <img src="images/companyIntroduction_tab2pic.png" alt="">
                            <!-- 400*200 -->
                        </div>
                       <div class="left fl">
                           <h3>2011<span>年</span></h3>
                           <div class="text"></div>
                       </div>
                    </li>
                    <li class="clearfix">
                        <div class="right fr">
                            <img src="images/companyIntroduction_tab2pic.png" alt="">
                            <!-- 400*200 -->
                        </div>
                       <div class="left fl">
                           <h3>2012<span>年</span></h3>
                           <div class="text"></div>
                       </div>
                    </li>
                    <li class="clearfix">
                        <div class="right fr">
                            <img src="images/companyIntroduction_tab2pic.png" alt="">
                            <!-- 400*200 -->
                        </div>
                       <div class="left fl">
                           <h3>2013<span>年</span></h3>
                           <div class="text"></div>
                       </div>
                    </li>
                    <li class="clearfix">
                        <div class="right fr">
                            <img src="images/companyIntroduction_tab2pic.png" alt="">
                            <!-- 400*200 -->
                        </div>
                       <div class="left fl">
                           <h3>2014<span>年</span></h3>
                           <div class="text"></div>
                       </div>
                    </li>
                </ul>
                <ul class="list-dots clearfix">
                    <li class="list-dot fl active">
                        <i></i>
                        <span>2008年</span>
                    </li>
                    <li class="list-dot fl">
                        <i></i>
                        <span>2009年</span>
                    </li>
                    <li class="list-dot fl">
                        <i></i>
                        <span>2010年</span>
                    </li>
                    <li class="list-dot fl">
                        <i></i>
                        <span>2011年</span>
                    </li>
                    <li class="list-dot fl">
                        <i></i>
                        <span>2013年</span>
                    </li>
                    <li class="list-dot fl">
                        <i></i>
                        <span>2014年</span>
                    </li>
                </ul>
                <ul class="list-nav">
                    <li class="next"></li>
                    <li class="prev"></li>
                </ul>
            </div>
            
        </div>
    </div>
    <div class="companyIntroduction-tab3 padding60" >
        <div class="container">
            <h2 class="title">企业管理</h2>
            <div class="text">
                成绩不能让我们满足，荣誉也不会让我们止步，我们所能得到的成就，是因为没有人比我们更严肃 更认真地对待智能化反恐科技事业，
                本着以客户三个满意为基本原则：产品质量的满意，先进技术的满意，售后服务的满意；凭借良好地信誉、扎实的技术和周到细致的服务，
                以及全新学习型的团队，定将为您提供最为专业的技术支持与服务！
                <div class="p">锐意进取、专注真诚的我们愿与您携手为国家安全事业作出贡献，共创辉煌！</div>
            </div>
            <div class="text-box">
                <ul class="slogan">
                    <li>创建世界级反恐行业王牌军  百年企业 基业长青1</li>
                    <li style="display: none;">创建世界级反恐行业王牌军  百年企业 基业长青2</li>
                    <li style="display: none;">创建世界级反恐行业王牌军  百年企业 基业长青3</li>
                    <li style="display: none;">创建世界级反恐行业王牌军  百年企业 基业长青4</li>
                </ul>
                <ul class="slogan-nav clearfix">
                    <li class="company-icon1 company-icon fl active">
                        <i class="uncheck" style="background: url(images/company_icon1bg.png) no-repeat center;background-size: contain;"></i>
                        <i class="checked" style="background: url(images/company_icon1.png) no-repeat center;background-size: contain;"></i>
                        <span class="chinese">我们的愿景</span>
                        <span class="english">OUR VISION</span>
                    </li>
                    <li class="company-icon2 company-icon fl">
                        <i class="uncheck" style="background: url(images/company_icon2bg.png) no-repeat center;background-size: contain;"></i>
                        <i class="checked" style="background: url(images/company_icon2.png) no-repeat center;background-size: contain;"></i>
                        <span class="chinese">我们的使命</span>
                        <span class="english">OUR MISSION</span>
                    </li>
                    <li class="company-icon3 company-icon fl">
                        <i class="uncheck" style="background: url(images/company_icon3bg.png) no-repeat center;background-size: contain;"></i>
                        <i class="checked" style="background: url(images/company_icon3.png) no-repeat center;background-size: contain;"></i>
                        <span class="chinese">我们的价值观</span>
                        <span class="english">OUR VALUES</span>
                    </li>
                    <li class="company-icon4 company-icon fl">
                        <i class="uncheck" style="background: url(images/company_icon4bg.png) no-repeat center;background-size: contain;"></i>
                        <i class="checked" style="background: url(images/company_icon4.png) no-repeat center;background-size: contain;"></i>
                        <span class="chinese">我们的企业文化</span>
                        <span class="english">OUR CULTURE</span>
                    </li>
                </ul>
            </div>
           
        </div>
    </div>
    <div id="footer"></div>
    <script src="js/jquery.min.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/commin.js"></script>
    <script>
        $(function(){
            var tab2 = $(".companyIntroduction-tab2");
            var owlTb2 = tab2.find(".owl-carousel");
            var $dots = tab2.find(".list-dot");
            var $next = tab2.find('.next');
            var $prev = tab2.find('.prev')
            // 计算样式
            calculateWidth()
             // 计算样式
            
            owlTb2.owlCarousel({
                loop: false,
                autoplay: false,
                nav: true,
                dots: true,
                autoplayTimeout: 5000,
                responsive: {
                    0: {
                        items: 1
                    }
                },
            });
            owlTb2.on('changed.owl.carousel', function(event) {
                var pages = event.page.index;;
                owlTb2.trigger('to.owl.carousel', [pages, 300])
                $dots.eq(pages).addClass('active').siblings('.list-dot').removeClass('active')
            })

            $dots.on('click',function(event){
                var that = $(this);
                var index = that.index();
                that.addClass('active').siblings('.list-dot').removeClass('active')
                $('.owl-dot:nth('+index+')').trigger('click');
            })

            $next.click(function (event) {
                owlTb2.trigger('next.owl.carousel');
            });
            $prev.click(function (event) {
                owlTb2.trigger('prev.owl.carousel');
            });

            $('.slogan-nav li').on('mouseover',function(){
                var that = $(this);
                var index = that.index();
                that.addClass('active').siblings('li').removeClass('active');
                $('.slogan li').eq(index).show().siblings('li').hide()
            })
        })
           

        window.onresize = function(){
            calculateWidth()
        }

        function calculateWidth(number) {
            // 计算样式
            var _screenW=document.body.clientWidth;
				
            var tab2 = $(".companyIntroduction-tab2");
            var owlTb2 = tab2.find(".owl-carousel");
            var $dots = tab2.find(".list-dot");
            var $dotsLength = $dots.length;
            var width = tab2.find('.list-dots').width();
            if(_screenW > 768){
                var left = ($dotsLength * 50)
            }else{
                var left = ($dotsLength * 42)
            }
            var $dotsLengthNum = $dotsLength*2 
            var leftNum = (width-left)/$dotsLengthNum
            $dots.css({
                'margin-left':leftNum+'px',
                'margin-right':leftNum+'px'
            })
             // 计算样式
        }
    </script>
</body>
</html>